<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // // 三元运算符
        // const age = 18;
        // const status = age >= 18 ? "成年人" : "未成年人";
        // console.log("\n三元运算：", status);

        // // 可选链运算符 (?.)
        // const user = {
        //     name: "张三",
        //     address: {
        //         city: "北京"
        //         // street 属性不存在
        //     }
        // };
        // console.log("\n可选链运算：");
        // console.log(user?.address?.city); // "北京"
        // console.log(user?.address?.street); // undefined（不报错）

        // console.log("\nfor~in 循环：");
        // const person = {
        //     name:"张三" ,
        //     age: 25,
        //     city: "北京"
        // };
        // for (const key in person) {
        //     console.log(`${key}: ${person[key]}`);
        // }
        const person = {
            name: "张三",
            age: 25,
            isStudent: false,
            hobbies:["阅读","运动"],
            greet: function() {
                return `你好，我是${this.name}`;
            }
        };

        // console.log("姓名:", person.name); // 访问属性
        // console.log("爱好:",person["hobbies"]);

        // person.city = "北京"; // 添加属性
        // console.log("添加的城市属性:", person.city);

        // delete person.hobbies;
        // console.log("删除爱好属性后:", person.hobbies); // undefined
        
        // const values = Object.values(person);
        // console.log("属性值数组:", values);
        
        const entries = Object.entries(person);
        console.log("所有键值对：", entries);
        
        entries.forEach(([key, value])=>{
            console.log(`${key}: ${value}`);
            
    });
        
    </script>
</body>

</html>